<div style="max-width: 50%;">
    <Card>
        <CardHeader>
            <CardHeaderTitle>Compontent</CardHeaderTitle>
            <CardHeaderIcon>
                <Icon IconClass="fa fa-angle-down"></Icon>
            </CardHeaderIcon>
        </CardHeader>
        <CardContent>
            <div class="content">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.
                <a href="#">@@bulmaio</a>. <a href="#">#css</a> <a href="#">#responsive</a>
                <br>
                <time datetime="2016-1-1">11:09 PM - 1 Jan 2016</time>
            </div>
        </CardContent>
        <CardFooter>
            <CardFooterItem href="#">Save</CardFooterItem>
            <CardFooterItem href="#">Edit</CardFooterItem>
            <CardFooterItem href="#">Delete</CardFooterItem>
        </CardFooter>
    </Card>
</div>